<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>审批待办中心</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/renwulist.css" />
    <style>
        .new-btn-bottom {
            width: 100%;
            margin: 0px auto;
            display: flex;
            /* margin-top: 10px; */
            margin-bottom: 15px;
            flex-direction: row;
            justify-content: center;
            
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* height: 30px;
            line-height: 30px; */
            /* border:solid 0.5px #f3f3f3; */
            /* border-radius: 20px; */
            /* font-weight: bold; */
        }
        .time_style{
            padding: 5px 0px 5px 12px;
            color: #a2acbb;
        }
        .workheader{
            width: 100%;  
            margin:0px;
            overflow: hidden;
        }
        .work_title_add{
            width: 70%;
            font-size: 0.8rem;
            font-weight:500;
            margin-top: 0px;
            height: auto;
        }
        .work_time{
            width: 30%;
            font-size: 0.6rem;
            text-align: right;
            color: #999;
        }
        .mt0{
            /* margin-top: 0.1rem; */
        }
        .padding_style{
            padding-bottom: 0rem;
            /* padding-top: 0.8rem; */
        }
        .marginheight{
            margin-top: 0.3rem;
        }
        /* .mainbox{
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 20px 16px;
        } */
        .StateStatus{
            padding-top: 10px;
        }
        .statuStyle{
            text-align: right;
            /* padding: 2px 0px; */
            font-weight: 500;
            margin: 0px 16px 15px 0px;
        }
        span.blue{
            padding: 2px 8px;
            border-radius: 4px;
            color: #5794e7;
            background: #eff6ff;
        }
        span.green{
            padding: 2px 8px;
            border-radius: 4px;
            color: #29aa60;
            background: #f1fff7;
        }
        span.origen{
            padding: 2px 8px;
            border-radius: 4px;
            color: #e46a27;
            background: #fff8f4;
        }
        span.gray{
            padding: 2px 8px;
            border-radius: 4px;
            color: #bbb;
            background: #f8f8f8;
        }
        .searchstyle{
            height: 35px; 
            text-align: center;  
            line-height: 35px; 
            top:1.2rem; 
            background: #dfe5f0;
            padding-left: 8%;
            z-index: 97;
        }
        .searchstyle i{
            float: right;
            font-size: 0.6rem;
            margin-right: 4%;
            color: #a2acbb;
        }
        .mainbox{
            width: 96%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 5px 5px 5px 5px;
        }
        .work_con_box{
            margin-bottom: 10px;
        }

    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 弹框黑色背景 -->
        <div v-on:click="doHideSearch()" v-if="showTop" class="maskbg">
        </div>
        <div  v-if="showTop" class="choosebox showTopstyle" >
            <div class="topstyle" v-for="item in menuType" v-on:click="select_status(item.ID)">{{item.Title}}</div>
            <!-- <div class="topstyle" v-on:click="select_status(2)">优惠申请</div> -->
        </div>
        <div class="choosebox" style="height: 70%; top:1.2rem; display: none;">
            <div class="boxarea" v-for="item in selectlist"  style="width: 92%; float: left; margin-top: 20px; margin-left: 4%;">

                <div v-on:click="openGongdan(item.ApprovalID)" class="work_con_box mainbox">
                    <div class="workheader">
                        <div class="work_title_add ellipsis_one" >{{item.HeadTitle}}
                        </div>
                    </div>
                    <!-- 优惠审批 -->
                    <div v-if="item.Type==2" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">

                                <label>优惠项目：{{item.ChargeName}}</label>

                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>优惠说明：{{item.DiscountRemark}}</label>
                            </div>
                        </div>
                    </div>

                    <!-- 采购申请 -->
                    <div v-if="item.Type==1" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>物品用途：{{item.Title}}</label>
                            </div>
                        </div>
                        <div class=" marginheight" v-if="item.GoodsList.length>0">
                            <div class="work_con_box_right">
                                <label>物品名称：{{item.GoodsList[0].GoodsName}}</label>
                            </div>
                        </div>
                        <div class=" marginheight" v-if="item.GoodsList.length>0">
                            <div class="work_con_box_right">
                                <label>数量：{{item.GoodsList[0].GoodsNumber}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 通知公告申请 -->
                    <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>标题：{{item.Title}}</label>  
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>简介：{{item.SummaryCont}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 房屋租售 -->
                    <div v-if="item.Type==10" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>资源位置：{{item.RentHomeProjectName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>类型：{{item.RentHomeSellTypeDesc}}</label>
                            </div>
                        </div>

                    </div>
                    <!-- 生活服务 -->
                    <div v-if="item.Type==15" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>服务类别：{{item.CategoryName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>服务名称：{{item.RelatedName}}</label>
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>所属项目：{{item.ProjectNameList}}</label>
                            </div>
                        </div>

                    </div>
                    <!-- 合同18\19\20 -->
                    <div v-if="item.Type==18||item.Type==19||item.Type==20" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>合同名称：{{item.ContractName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>外包单位：{{item.ContractCompnayName}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 员工21\22\23\24\25\26\27\28 -->
                    <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>员工名称：{{item.StaffName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>申请类型：{{item.TypeName}}</label>
                            </div>
                        </div>
                    </div>

                    <!-- 用印申请29 -->
                    <div v-if="item.Type==29" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>用印类型：{{item.SummaryCont}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>申请类型：{{item.TypeDesc}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 通用申请30 -->
                    <div v-if="item.Type==30" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>审批类型：{{item.SummaryCont}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>审批标题：{{item.TypeDesc}}</label>
                            </div>
                        </div>
                    </div>



                </div>
                <div v-if="item.IsAccept||item.IsReject||item.IsRevoke" class="new-btn-bottom" style="border-top:solid 0.5px #f5f5f5; ">
                    <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                        v-on:click="do_open_sure(item.ApprovalID)">
                        <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                    </div>
                    <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn"
                        v-on:click="do_open_jujue(item.ApprovalID)">
                        <i class="icon iconfont icon-guanbi"
                            style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>拒绝
                    </div>   
                    <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn"
                        v-on:click="doRevoke(item.ApprovalID)">
                        <i class="icon iconfont icon-chexiao"
                            style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>撤销
                    </div> 
                </div>
            </div>
        </div>
        <div  v-if="showsearchresult" class="choosebox searchstyle">
           {{searchresult}}
           <i v-on:click="do_closearch()" class="icon iconfont icon-chushaixuanxiang"></i>
        </div>

        <div id="topheader" class="aui-content headerBox">
            <div class="fullName" id="chooseproject" >
                <van-dropdown-menu active-color="#1989fa"  class="aui-margin-r-5 new-van-dropdown-menu" >
                    <van-dropdown-item :title="chooseexaminetype.Name" ref="choosetype" > 
                        <van-cell v-for="item in menuType" center :title="item.Name" @click="onChooseType(item)"  class="new-vant-cell"
                        v-bind:class="{'vant-active':item.Type==chooseexaminetype.Type}">
                          <template #right-icon>
                            {{item.Number}}
                          </template>
                        </van-cell>
                      </van-dropdown-item>
                </van-dropdown-menu>
                <van-dropdown-menu active-color="#1989fa"  class="aui-margin-r-5 new-van-dropdown-menu" >
                    <van-dropdown-item :title="optionName" ref="choosetask" > 
                        <van-cell v-for="item in option2" center :title="item.Name" @click="onChooseTask(item)"  class="new-vant-cell"
                        v-bind:class="{'vant-active':item.Type==choosetaskmodel.Type}">
                          <template #right-icon>
                            {{item.Number}}
                          </template>
                        </van-cell>
                      </van-dropdown-item>
                  </van-dropdown-menu>
                  <van-dropdown-menu active-color="#1989fa" class="new-van-dropdown-menu">
                    <van-dropdown-item :title="choosesortmodel.text" ref="choosesort" > 
                        <van-cell v-for="item in option3" center :title="item.text" @click="onChooseSort(item)"  class="new-vant-cell"
                        v-bind:class="{'vant-active':item.value==choosesortmodel.value}">
                        </van-cell>
                      </van-dropdown-item>
                  </van-dropdown-menu>
                <!-- <span class="new-span-width">
                    进行中&nbsp;{{total}}
                    <i  v-if="showsearch==true" class="icon iconfont icon-shangjiantou"></i>
                    <i v-if="showsearch==false" class="icon iconfont icon-down"></i>
                </span> -->
                <!-- <span class="new-span-width aui-margin-l-15">
                    排序
                    <i  v-if="showsearch==true" class="icon iconfont icon-shangjiantou"></i>
                    <i v-if="showsearch==false" class="icon iconfont icon-down"></i>
                </span> -->
                <div class="cl"></div>
            </div>
        </div>

        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui_listbox task" v-if="selectlist.length>0">
                <!-- <div class="notodayList" v-if="!can_scroll">
                    别刷了，真的没有啦...
                </div> -->
                <div v-bind:id="'scroll' + item.JpushLogID" class="typeitem" v-for="item in selectlist">
                    <!-- <div class="boxtime">{{item.JpushAddTime}}</div> -->
                    <div class="boxbg">
                    <div class="boxcenter"> 
                        <div class="boxarea">
                            <div v-on:click="openGongdan(item.ApprovalID,item.Type)" class="work_con_box mainbox">
                                <div class="workheader">
                                    <div class="work_title_add fl" >
                                        <div class="boxpic fl"><img src="../image/icon/shenhe.png"></div>
                                        {{item.HeadTitle}}
                                    </div>
                                    <div class="work_time fr">{{item.AddTime}}</div>
                                </div>
                                <!-- 优惠审批 -->
                                <!-- Type=1 采购申请，Type=2 优惠申请，Type=9 通知公告审批，Type=10 房屋租售审批，Type=15 生活服务审批， -->
                                <div  v-if="item.Type==2" class=" work_con_box_contain mt0 padding_style ">    
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>优惠项目：{{item.ChargeName}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>优惠说明：{{item.DiscountRemark}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 采购申请审批 -->
                                <div  v-if="item.Type==1"  class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>物品用途：{{item.Title}}</label>
                                        </div>
                                    </div>
                                    <div class=" marginheight" v-if="item.GoodsList.length>0">
                                        <div class="work_con_box_right">
                                            <label>物品名称：{{item.GoodsList[0].GoodsName}}</label>
                                        </div>
                                    </div>
                                    <div class=" marginheight" v-if="item.GoodsList.length>0">
                                        <div class="work_con_box_right">
                                            <label>数量：{{item.GoodsList[0].GoodsNumber}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 通知公告审批 -->
                                <!-- v-if="item.Type==9"  -->
                                <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>标题：{{item.Title}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>简介：{{item.SummaryCont}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 房屋租售审批 -->
                                <!-- v-if="item.Type==10"  -->
                                <div v-if="item.Type==10" class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>资源位置：{{item.RentHomeProjectName}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>类型：{{item.RentHomeSellTypeDesc}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 放行条审批 -->
                                <!-- v-if="item.Type==16"  -->
                                <div v-if="item.Type==16" class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>资源位置：{{item.ProjectName}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>通行事由：{{item.VisitTypeName}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 装修审批 -->
                                <!-- v-if="item.Type==17"  -->
                                <div v-if="item.Type==17" class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>资源位置：{{item.ProjectName}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>办理客户：{{item.UseName}}</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 生活服务审批 -->
                                <!-- v-if="item.Type==15"  -->
                                <div v-if="item.Type==15" class=" work_con_box_contain mt0 padding_style ">
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">    
                                            <label>服务类别：{{item.CategoryName}}</label>       
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>服务名称：{{item.RelatedName}}</label>
                                        </div>
                                    </div>
                                    <div class=" marginheight">
                                        <div class="work_con_box_right">
                                            <label>所属项目：<span v-for="item2 in item.ProjectNameList">{{item2}}</span></label>
                                        </div>
                                    </div>
                                </div>
                                <!-- 合同18\19\20 -->
                    <div v-if="item.Type==18||item.Type==19||item.Type==20" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>合同名称：{{item.ContractName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>外包单位：{{item.ContractCompnayName}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 员工21\22\23\24\25\26\27\28 -->
                    <div v-if="item.Type==21||item.Type==22||item.Type==23||item.Type==24||item.Type==25||item.Type==26||item.Type==27||item.Type==28" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>员工名称：{{item.StaffName}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>申请类型：{{item.TypeName}}</label>
                            </div>
                        </div>
                    </div>

                    <!-- 用印申请29 -->
                    <div v-if="item.Type==29" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>用印类型：{{item.SummaryCont}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>申请类型：{{item.TypeDesc}}</label>
                            </div>
                        </div>
                    </div>
                    <!-- 通用申请30 -->
                    <div v-if="item.Type==30" class=" work_con_box_contain mt0 padding_style ">
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>审批类型：{{item.SummaryCont}}</label>   
                            </div>
                        </div>
                        <div class=" marginheight">
                            <div class="work_con_box_right">
                                <label>审批标题：{{item.TypeDesc}}</label>
                            </div>
                        </div>
                    </div>
                            </div>
                            <div v-if="item.IsAccept||item.IsReject||item.IsRevoke" class="new-btn-bottom" style="border-top:solid 0.5px #f5f5f5; ">
                                <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="do_open_sure(item.ApprovalID)">
                                    <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                                </div>
                                <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="do_open_jujue(item.ApprovalID)">
                                    <i class="icon iconfont icon-guanbi"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>拒绝
                                </div>   
                                <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="doRevoke(item.ApprovalID)">
                                    <i class="icon iconfont icon-chexiao"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>撤销
                                </div> 
                            </div>

                            <!-- 等待审批 -->
                            <div v-if="item.State==3||item.State==4||item.State==5" class="StateStatus"  style="border-top:solid 0.5px #f5f5f5; ">
                                <!-- <div v-if="item.State==2||item.State==1" class="statuStyle ">
                                    <span class="blue">{{item.StateDesc}}...</span>
                                </div> -->
                                <!-- 同意 -->
                                <div v-if="item.State==3" class="statuStyle">
                                    <span class="green">{{item.StateDesc}}</span>
                                </div>
                                <!-- 拒绝 -->
                                <div v-if="item.State==4" class="statuStyle ">
                                    <span class="origen">{{item.StateDesc}}</span>
                                </div>
                                <!-- 撤销 -->
                                <div v-if="item.State==5" class="statuStyle ">
                                    <span class="gray">{{item.StateDesc}}</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="selectlist.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/examine_renwulist.js"></script>

</html>